<?php 
include ("../conectar_my.php"); 
session_start();
if ($_SESSION['S_USUARIO']=="") {
	echo "<font face='Tahoma' size='2' color='red'><b>SESION CERRADA POR EL USUARIO!</b></font>";
	exit;
}
?>
<html>
	<head>
		<title>Principal</title>
		<link href="../estilos/estilos.css" type="text/css" rel="stylesheet">
        <link href="../estilos/style.css" type="text/css" rel="stylesheet">
		<script type="text/javascript" src="validar.js"></script>
        <script type="text/javascript" src="password.js"></script>
        <script type="text/javascript">
		function setFocus() {
			document.formulario.usuario.focus();
		}
		function cancelar() {
			location.href="index.php";
		}
		function validacorreo(campo) {
		if(campo.value.toLowerCase().search('(^[a-z][a-z0-9\-_.]+[@][a-z0-9\-_.]+[.][a-z]+$)') != -1 ) return true;
			alert('El campo email debe ser un correo valido!');
			if (campo==document.formulario.email) {
				document.formulario.email.focus();
				return false;
			}
			if (campo==document.formulario.email_adic) {
				document.formulario.email_adic.focus();
				return false;
			}
		}
		 
		function comprueba_extension(archivo,comprobar) {

		if (comprobar == 'archivo') {
	 		extensiones_permitidas = new Array(".doc",".docx",".pdf");
		} 
		if (comprobar == 'foto') {
	 		extensiones_permitidas = new Array(".JPG",".jpg");
		}
		mierror = "";

	   	if (!archivo) {
    	  //Si no tengo archivo, es que no se ha seleccionado un archivo en el formulario
       	//mierror = "No has seleccionado ningún archivo";

	   	}else{
    	  //recupero la extensión de este nombre de archivo
      	  extension = (archivo.substring(archivo.lastIndexOf("."))).toLowerCase();
	      //alert (extension);
    	  //compruebo si la extensión está entre las permitidas
		 
	      permitida = false;
    	  for (var i = 0; i < extensiones_permitidas.length; i++) {
        	 if (extensiones_permitidas[i] == extension) {

	         permitida = true;
    	     break;
        	 }
	      }
    	  if (!permitida) {
	       	 mierror = "Comprueba la extension de los archivos a subir. \nSolo se pueden subir archivos con extensiones: " + extensiones_permitidas.join();
    	   }else{
          //submito!
        	 return true;
       		}
   		}
   //si estoy aqui es que no se ha podido submitir
   		if (mierror==""){
			return true;	
		} else {
   			alert (mierror);
			return false;
		}
} 
		function valida() {
			
			if (document.formulario.usuario.value=="" || document.formulario.nombres.value=="" || document.formulario.apellidos.value=="") {
				alert('Existen campos obligatorios sin completar!');
			} else {
			// verifica si email y  si la contrasenha tambien es nula entonces enviar
				if (document.formulario.contrasenha.value == "" && document.formulario.repcontrasenha.value == "" && document.formulario.email.value=="") {
					document.formulario.submit();
				} else {
					if (document.formulario.contrasenha.value != "" && document.formulario.repcontrasenha.value == ""){
						alert('Debe repetir la clave de acceso!');
						document.formulario.repcontrasenha.focus();
						return;
					}else if (document.formulario.contrasenha.value == "" && document.formulario.repcontrasenha.value != "") {
						alert('La clave principal no fue establecida!');
						document.formulario.contrasenha.focus();
						return;
					}else if (document.formulario.contrasenha.value != document.formulario.repcontrasenha.value) {
						alert('Las claves no coinciden!');
						document.formulario.contrasenha.focus();
						return;
					}else{
					//luego de verificar que coincidan las contrasenhas, verifica el email para hacer submit el form
					// si email o email adicional no son nulos verifica cada uno y valida
						if (document.formulario.email.value != "") {
							if (validacorreo(document.formulario.email)) {
								document.formulario.submit();								
							}
						}else if (document.formulario.email.value == "") {
								document.formulario.submit();
						}
					}
				}
			}
		}
		var cursor;
		if (document.all) {
			// Está utilizando EXPLORER
			cursor='hand';
		} else {
			// Está utilizando MOZILLA/NETSCAPE
			cursor='pointer';
		}
		
		function limpiar() {
			document.getElementById("formulario").reset();
			setFocus();
		}
		
	function RandomPassword2(Length, Upper, Numbers, Lower){
		
		Upper = typeof(Upper) != 'undefined' ? Upper : true;
		Numbers = typeof(Numbers) != 'undefined' ? Numbers : true;
		Lower = typeof(Lower) != 'undefined' ? Lower : true;
	 	
		if (!Upper && !Lower && !Numbers)
			return "";
	 
		var Ret = "";
		var Num;
		var Repeat;
	 
		Chars = 26 * 2 + 10;    //26 (a-z) + 26 (A-Z) + 10 (0-9)
		//a-z = 97-122
		//A-Z = 65-90
		//0-9 = 48-57
	 
		for (i = 1; i <= Length; i++)
		{
			Repeat = false;
	 
			Num = Math.floor(Math.random()*Chars);
	 
			if (Num < 26)
				if (Lower)
					Ret = Ret + String.fromCharCode(Num + 97);
				else
					Repeat = true;
			else if (Num < 52)
				if (Upper)
					Ret = Ret + String.fromCharCode(Num - 26 + 65);
				else
					Repeat = true;
			else if (Num < 62)
				if (Numbers)
					Ret = Ret + String.fromCharCode(Num - 52 + 48);
				else
					Repeat = true;
	 
			if (Repeat)
				i--;
		}
		alert(Ret);
		return Ret;
		
		}
		
function changeColour(which) {
	//which.value = which.value.replace(/^\s+/,"") // strip leading spaces
	if (which.value.length > 2) { // minimum 2 characters
 		which.style.background = '#EBEBEB'; // si es mayor que 2 white
		which.style.background = '#CCCCCC'
	}else{
	 	which.style.background = '#EBEBEB'; // si es menor que 2 white tambien
		which.style.background = '#CCCCCC'
		//which.style.background = "#FFF8C6"; // yellow
		//which.focus();
		//return false;
	}
 }

		</script>
	</head>
	<body onLoad="setFocus()">
		<div id="pagina" >
	    <div id="zonaContenido" style="background-color:#F7F3F7" >
				<div align="center"></br>
			  <div id="tituloForm" class="fuente9Resaltado" style="background-color:#F7F3F7">AGREGAR USUARIO</div>
              	<div id="frmBusquedaResto">
				  <form id="formulario" name="formulario" method="post" action="guardar_usuario.php" enctype="multipart/form-data">
				  <table width="100%" cellspacing=0 cellpadding=3 border=0>
				    <tr>
							<td width="17%" class="fuente8">Usuario (*)</td>
						    <td colspan="5"><input NAME="usuario" type="text" class="cajaMedia" id="usuario" size="45" maxlength="45" onFocus="changeColour(this)" onBlur="this.style.background='#FFFFFF'"></td>
			        </tr>
						<tr>
						  <td class="fuente8">Administrador?</td>
						  <td width="44%"><select id="administrador" name="administrador" onFocus="changeColour(this)" onBlur="this.style.background='#FFFFFF'">
						    <option value="S">Si</option>
						    <option value="N" selected>No</option>
                          
					      </select></td>
						  <td colspan="2"><span class="fuente8">Bloqueado</span></td>
						  <td colspan="2"><select id="acceso" name="acceso" class="comboPequeno" onFocus="changeColour(this)" onBlur="this.style.background='#FFFFFF'">
						    <option value="S">Si</option>
						    <option value="N" selected>No</option>
					      </select></td>
		            </tr>
						<tr>
						  <td class="fuente8">Apellidos (*)</td>
						  <td colspan="5"><input NAME="apellidos" type="text" class="cajaGrande" id="apellidos" size="45" maxlength="80" onFocus="changeColour(this)" onBlur="this.style.background='#FFFFFF'"></td>
				    </tr>
						<tr>
						  <td class="fuente8">Nombres (*)</td>
						  <td><input NAME="nombres" type="text" class="cajaGrande" id="nombres" size="45" maxlength="80" onFocus="changeColour(this)" onBlur="this.style.background='#FFFFFF'"></td>
						  <td colspan="4" class="obs2">Parametros de Clave:</td>
				    </tr>
						<tr>
						  <td class="fuente8">Clave de Acceso</td>
						  <td><input NAME="contrasenha" type="password" class="cajaMedia" id="contrasenha" size="45" maxlength="45" onFocus="changeColour(this)" onBlur="this.style.background='#FFFFFF'"> <input name="generar"  type="button" class="botonPassword" id="generar" onClick="generaPass()" onMouseOver="style.cursor=cursor" value="Generar clave (**)"></td>
						  <td colspan="4" class="obs2"><input name="numbers" type="checkbox" id="numbers" checked>
					      Numeros
					        <input name="lower" type="checkbox" id="lower">
Letras Minusculas</td>
				    </tr>
				    <tr>
						  <td class="fuente8">Repetir Clave</td>
						  <td><input NAME="repcontrasenha" type="password" class="cajaMedia" id="repcontrasenha" size="45" maxlength="45" onFocus="changeColour(this)" onBlur="this.style.background='#FFFFFF'">
					      <input name="pass" style="text-align:center;background-color=#F7F3F7" type="text"  id="pass" size="10" maxlength="45" readonly="readonly"></td>
						  <td colspan="4" class="obs">Privilegios:</td>
				    </tr>
						<tr>
						  <td class="fuente8">Email</td>
						  <td><input NAME="email" type="text" class="cajaGrandeEmail" id="email" size="45" maxlength="80" onFocus="changeColour(this)" onBlur="this.style.background='#FFFFFF'"></td>
						  <td width="11%" class="fuente8">Consultas &raquo;</td>
						  <td width="8%" class="fuente8"><input type="checkbox" name="permiso_select" id="permiso_select">
					      <label for="permiso_select"></label></td>
						  <td width="13%" class="fuente8">Inserciones &raquo;</td>
						  <td width="7%" class="fuente8"><input type="checkbox" name="permiso_insert" id="permiso_insert"></td>
		            </tr>
						<tr>
						  <td class="fuente8">Telefono</td>
						  <td><input NAME="telefono" type="text" class="cajaGrande" id="telefono" size="45" maxlength="80" onFocus="changeColour(this)" onBlur="this.style.background='#FFFFFF'"></td>
						  <td class="fuente8">Actualizaciones &raquo;</td>
						  <td class="fuente8"><input type="checkbox" name="permiso_update" id="permiso_update"></td>
						  <td class="fuente8">Borrado &raquo;</td>
						  <td class="fuente8"><input type="checkbox" name="permiso_delete" id="permiso_delete"></td>
		            </tr>
						<tr>
						  <td colspan="6" class="info">(*) Los campos son obligatorios</td>
				    </tr>
						<tr>
						  <td colspan="6" class="info">(**) Puede establecer la clave manualmente o generar aleatoriamente  de acuerdo a los parametros de clave solicitados</td>
				    </tr>
					</table>
			 </br>
<div id="botones" align="center">
					<img src="../img/botonaceptar.jpg" width="85" height="22" onClick="valida()" border="1" onMouseOver="style.cursor=cursor">
					<img src="../img/botonlimpiar.jpg" width="69" height="22" onClick="limpiar()" border="1" onMouseOver="style.cursor=cursor">
					<img src="../img/botoncancelar.jpg" width="85" height="22" onClick="cancelar()" border="1" onMouseOver="style.cursor=cursor">
					<input id="accion" name="accion" value="alta" type="hidden">
					<input id="id" name="id" value="" type="hidden">
			  </div>
              </div>
			  </form>
              </div>
		  </div>
    </div>
		</div>
	</body>
</html>
